<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Home page</title>
    <link rel="stylesheet" type="text/css" href="/css/home.css">
    <link rel="stylesheet" type="text/css" href="/css/swiper-3.3.1.min.css">
    <script src="/js/swiper-3.3.1.min.js" type="text/javascript"></script>
</head>
<body>
	<!-- header 头部 -->
	<header class="header">
		<div class="divhead">
			<img src="img/index-logo.png" alt="" class="headimg">
			<img src="/img/head-wordbg.png" class="headwordimg">
			<a href="">
			<img src="/img/top-app-bg.gif" alt="" class="headappimg">
			</a>
			<input type="text" placeholder="搜索国家、城市、产品" class="headinp">
			<input type="submit" value="搜索" class="headsub">
		</div>
	</header>

	<!-- 导航栏 nav -->
	<div id="nav">
		<ul id="navul">
			<li><a href="">首页</a></li>
			<li><a href="">机酒自由行</a></li>
			<li class="navli3"><a href=""><img src="/img/wanletag.gif" width="40" height = "12" alt="" class="navimgtag"><p class="navp"></p>城市玩乐</a></li>
			<li><a href="">签证</a></li>
			<li><a href="">租车</a></li>
			<li><a href="">游轮</a></li>
			<li><a href="">海岛游</a></li>
			<li><a href="">限时特卖</a></li>
			<li><a href="">特色线路</a></li>
			<li><a href="./cityWalk">CityWalk</a></li>
		</ul>
	</div>

	<!-- banner 轮播图 -->
	<div class="swiper-container">
	    <div class="swiper-wrapper">
	    	<div class="swiper-slide"></div>
	    	<div class="swiper-slide"></div>
	    	<div class="swiper-slide"></div>
	    	<div class="swiper-slide"></div>
	    </div>

		<!-- 左右按钮 -->
		<div class="swiper-button-prev swiper-button-white"></div>
		<div class=" swiper-button-next swiper-button-white"></div>
		<!-- 滚动条 -->
		<div class="swiper-pagination"></div>

    	<!-- 城市列表  多级菜单 -->
		<div class="banner-category">
		 	<ul class="category-ul">
			<!-- 多级菜单内容 -->
			<div class="category-div">
				 <div class="category-div1">
					<h2 class="category-h2">香港 澳门</h2>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">澳门</a>
					<a href="" class="category-diva">香港迪士尼</a>
					<a href="" class="category-diva">昂坪360</a>
					<a href="" class="category-diva">交通接驳</a>
					<a href="" class="category-diva">太平山缆车</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>

					<h2 class="category-h2two">台湾</h2>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>
					<a href="" class="category-diva">台北</a>

				</div>
				<div class="category-div2">
					<h2 class="category-h2">香港 澳门</h2>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">澳门</a>
					<a href="" class="category-diva">香港迪士尼</a>
					<a href="" class="category-diva">昂坪360</a>
					<a href="" class="category-diva">交通接驳</a>
					<a href="" class="category-diva">太平山缆车</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<a href="" class="category-diva">香港</a>
					<img src="/img/bibei.jpg" alt="" class="categroyimg">
				</div>
			</div>
			</ul>
		</div>
	</div>

	<!-- banner 图片 -->
	<div class="bannerimg">
		<a href="">
			<img src="/img/bimg1.jpg"  class="bimg">
			<img src="/img/bimg2.jpg"  class="bimg">
			<img src="/img/bimg3.jpg"  class="bimg">
		</a>
	</div>

	<!-- 主体 main 限时特卖-->
	<div id="main">
		<div class="main1">
			<div class="Superscript">
				<h1>限时特卖</h1>
				<p>每日必看的特价精选</p>
				<a href="">换一换</a>
			</div>
			<div class="imgtext">
				<a href="">
				<ul>
				    <li>
					    <img src="/img/120 (1).jpg" alt="">
					    <p class="p0">
							<p class="p1">【元旦/春节假期】香港直飞北京8天往返含税机票</p>
							<p class="p2"><span class="spanprice">4999</span>元起</p>
						</p>
					</li>
				    <li>
				    	<img src="/img/120 (2).jpg" alt="">
						 <p class="p0">
							<p class="p1">【元旦/春节假期】香港直飞北京8天往返含税机票</p>
							<p class="p2"><span class="spanprice">4999</span>元起</p>
						</p>
				    </li>
				    <li>
				    	<img src="/img/120 (3).jpg" alt="">
						 <p class="p0">
							<p class="p1">【元旦/春节假期】香港直飞北京8天往返含税机票</p>
							<p class="p2"><span class="spanprice">4999</span>元起</p>
						</p>
				    </li>
				</ul>
				</a>
			</div>
		</div>
	</div>

	<!-- 主体 main  机酒自由行  -->
	<div class="home-free">
		<div class="main-width">
		    <div class="home-titlerow">
		        <h1 class="home-bigtitle">
		        	机酒自由行
		        </h1>
		        <p class="home-subtitle">
		        	精选全球最优质机票、酒店、游轮等旅行产品
		        </p>
		        <ul class="home-tags"></ul>
		    </div>
		    <div class="home-freewalk">
		        <ul class="freewalk-list"></ul>
		    </div>
		</div>
	</div>

	<!-- 主体 main  城市玩乐 -->
	<div class="zw-home-happy">
		<div class="main-width">
		    <div class="city-titlerow">
		        <h1 class="home-bigtitle">
		        	城市玩乐
		        </h1>
		        <p class="home-subtitle">
		        	像当地人一样，体验最本土的吃喝玩乐
		        </p>
		        <ul class="city-tags">
		            <li><a href="">日本</a></li>
		            <li><a href="">泰国</a></li>
		            <li><a href="">港澳台</a></li>
		            <li><a href="">新西兰</a></li>
		            <li><a href="">澳大利亚</a></li>
		            <li><a href="">美国</a></li>
		            <li><a href="">Wifi/电话卡</a></li>
		        </ul>
		    </div>
		    <div class="home-happy">
		        <ul class="happy-list">
		            <li class="happy-li">
		                <a href="" class="happyup">
		                    <img src="/img/420x280.jpg" alt="" width=370 height=265 class="img1">
		                    <h3 class="happyh3">【官方授权】日本大阪环球影城入园实体票/电子票(实体包邮)</h3>
		                    <div class="infos-clearfix">
		                        <p class="p-happy">城市玩乐</p>
		                        <p class="p-money"><span class="happyprice">480</span> 元起</p>
		                    </div>
		                </a>
		                <a href="" class="happydown">
		            		<img src="/img/city2.jpg" alt="" class="img2">
		            		<p class="happyp">亚洲多国通用WiFi无限流量租赁(全国多地去还)</p>
		            		<p class="p2-money"><span class="happyprice">480</span> 元起</p>
		            	</a>
		            </li>
		        </ul>
		        <ul>
		        	<li class="happy-li2">
		        		<a href="" class="happyup1">
		            		<img src="/img/city3.jpg" alt="" class="img2">
		            		<p class="happyp">亚洲多国通用WiFi无限流量租赁(全国多地去还)</p>
		            		<p class="p2-money"><span class="happyprice">480</span> 元起</p>
		            	</a>
		            	<a href="" class="happyup1">
		            		<img src="/img/city4.jpg" alt="" class="img2">
		            		<p class="happyp">亚洲多国通用WiFi无限流量租赁(全国多地去还)</p>
		            		<p class="p2-money"><span class="happyprice">480</span> 元起</p>
		            	</a>
		            	<a href="" class="happyup1">
		            		<img src="/img/city5.jpg" alt="" class="img2">
		            		<p class="happyp">亚洲多国通用WiFi无限流量租赁(全国多地去还)</p>
		            		<p class="p2-money"><span class="happyprice">480</span> 元起</p>
		            	</a>
		        	</li>
		        </ul>
		        <ul>
		        	<li class="happy-li3">
		        		<a href="" class="happyup1">
		            		<img src="/img/city6.jpg" alt="" class="img2">
		            		<p class="happyp">亚洲多国通用WiFi无限流量租赁(全国多地去还)</p>
		            		<p class="p2-money"><span class="happyprice">480</span> 元起</p>
		            	</a>
		            	<a href="" class="happy">
		                    <img src="/img/city8.jpg" alt="" class="happymoreimg">
		                    <p class="happymorep">
		                    	&nbsp;&nbsp;&nbsp;查看更多
		                    	<br/>
		                    	城市玩乐产品
		                    </p>
		                    <span>
		                    	<p class="happyspan-p">Wifi/电话卡</p>
		                    	<p class="happyspan-p">交通票券</p>
		                    	<p class="happyspan-p">景点门票</p>
		                    	<p class="happyspan-p">特色体验</p>
		                    </span>
		                </a>
		        	</li>
		        </ul>
		    </div>

		</div>
	</div>

	<!-- 主体 main  主题推荐 -->
	<div class="home-free">
		<div class="main-width">
		    <div class="theme-titlerow">
		        <h1 class="theme-bigtitle">
		        	主题推荐
		        </h1>
		        <p class="theme-subtitle">
		        	精选全球最优质机票、酒店、游轮等旅行产品
		        </p>
		        <ul class="theme-tags"></ul>
		    </div>
		    <div class="theme-freewalk">
		        <ul class="theme-list"></ul>
		    </div>
		</div>
	</div>

	<!-- 页脚  footer -->
	<div class="zw-footer">

	</div>
</body>
<script src="/js/jquery-1.11.1.min.js" type="text/javascript"></script>
<script src="/js/home.js" type="text/javascript"></script>
</html>
